<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>设置背景</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="IE=edge,chrome=1">
	<title></title>
	<meta name="description" content="">
	<!-- viewport 设备屏幕参数设置 -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 
	<script type="text/javascript" src="../common/meta.js"></script> 
	<script type="text/javascript" src="./setBackground.js"></script> 	
	<script type="text/javascript" src="./cache.js"></script> 	 
<style>
	.ui-grid-a{
		margin: 10px 0px 10px 0px;height:62px;
	}
	.ui-grid-a .ui-block-a{
		width: 20px; 
	}
	.ui-grid-a .ui-block-b{
		width: 260px;
	}
	
	.ui-grid-a .ui-block-a input{
		margin-top: 20px;
	}
	img{
		border-style: solid;
		border-width: 1px ;
		border-color: blue;
	}
	.home{
		 	margin-top:5px;
		 	float:right;
		 }
		.ui-header .ui-title{
		    font-size: 18px;
		}
           ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
	
</style>
</head>
<body>


<div id="settingPage" data-role="page" class="bodyframe">

	<div data-role="header" class="theme-info" >
		<ul class="back">
	   		<a   href="setting.html"><image src='../image/left_48.png'></image></a>
	   	</ul>
		<ul class="home">
	   		<a  id="home" ><image src='../image/home_48.ico'></image></a>
	   	</ul>
		<h1 id="catagoryName">设置背景</h1>
	</div>
	
	<div style="margin: 20px;">
		<div class="ui-grid-a" >
			<div class="ui-block-a"><input type="radio" id="background1" name="background">	</div>
			<div class="ui-block-b"><img src="../image/fish_200-50.jpg"></img><span id="lable1">（默认）</span></div>
		</div>
		<div class="ui-grid-a">
			<div class="ui-block-a"><input type="radio" id="background2" name="background"></input></div>
			<div class="ui-block-b"><img src="../image/green_200-50.jpg"></img><span id="lable2"></span></div>
		</div>
		<div class="ui-grid-a" >
			<div class="ui-block-a"><input type="radio" id="background3" name="background"></input></div>
			<div class="ui-block-b"><img src="../image/blue_200-50.jpg"></img><span id="lable3"></span></div>
		</div>
	</div>
	
</div>	

 
</body>

</html>